<template>
    <div id="my_address_view">
      <!--地址列表-->
      <div class="absolute" style="z-index: 10001;">
        <addressList v-if="$store.state.address.show_address_list"></addressList>
      </div>

      <!--新增地址-->
      <transition enter-active-class="animated slideInRight" leave-active-class="animated slideOutRight">
      <div class="absolute" style="z-index: 10002;" v-if="$store.state.address.show_address_add">
        <AddAds></AddAds>
      </div>
      </transition>

      <!--编辑地址-->
      <transition enter-active-class="animated slideInRight" leave-active-class="animated slideOutRight">
        <div class="absolute" style="z-index: 10002;" v-if="$store.state.address.show_address_edit">
          <EditAds></EditAds>
        </div>
      </transition>
    </div>

</template>

<script>
  import addressList from './address_list';
  import AddAds from './AddAddress';
  import EditAds from './EditAddress'


    export default {
        name: "my_address_view",
      components:{
        addressList,
        AddAds,
        EditAds
      },
      created(){


      }
    }
</script>

<style lang="less" scoped>
#my_address_view{
  position: fixed;
  top: 0;
  left: 0;
  background-color: #fff;
  width: 100%;
  height: 100%;
  z-index: 999;
}
  .absolute{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: #fff;
  }
</style>
